<template>
    <div>
        <div>123</div>
    </div>
    <!-- - css：布局（媒体查询响应式），动画，兼容性
    - html5：语义化，媒体标签

    #### js：

    - document Object model：Dom === document === html
    - browser Object model: Bom === window
    - 作用域：全局和局部
    - 闭包
    - 递归
    - 节流
    - 防抖
    - 重绘
    - 重排（回流）
    - es5变量提升var，es6的let和const
    - var let const 异同点
    - 暂时性死区
    - 对象，原型，原型链的关系
    - ajax的几个步骤，优缺点
    - jsonp跨域的原理，还有别的吗？
    - js数据类型
    - 数组的常用方法：增删查改
    - 数组的，对象的，数字的，字符串的常用方法，做对比。
    - 数组 reduce计算数组纯数字的，数组里对象的。
    - 数组 foreach和map的区别，filter和some；
    - 数组 find 和 findIndex区别
    - 数组去重，扩展原算法，set类型
    - map类型和set类型--es6

    ### 框架

    #### jquery + bootstrap

    - jq 的链式调用原理
    - jq 的 ajax 可以实现跨域，原理
    - jq 对象和原生对象互相转换，语法
    - bootstrap 的栅格原理 -->
</template>
<script>

window.onclick = function(ev){
    let x = ev.clientX + document.body.scrollLeft - document.body.clientLeft,
    y = ev.clientY + document.body.scrollTop - document.body.clientTop;
    console.log(x,y)
}
export default {

}
</script>